<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/paging.css">

</head>

<body>


<!-- 网页的头部 -->
<div id="header">
    <div id="header-1">
        <div class="left">
            <p>嗨，欢迎来订花乐！</p>
            <a href="" style="color: rgb(136, 78, 34);">
                <i class="iconfont">&#xe62b;</i>
            </a>
            <a href="" id="wx">关注微信</a>
            <img src="./images/gz.jpg" alt="" id="img">
        </div>

        <div class="right">
            <a href="./login.html" class="r-1">你好，请登录</a>
            <a href="./register.html" class="r-2" style="color: rgb(136, 78, 34);">免费注册</a>
            <span class="s-1"></span>
            <a href="./order.html" class="r-3">订单查询</a>
            <span class="s-2"></span>
            <a href="./shopping.html" class="r-4" style="color: rgb(136, 78, 34);"> <span>
                        <i class="iconfont">&#xe600;</i>
                        购物车</span>
            </a>
            <span class="s-3"></span>
            <a href="" id="phone">手机下单</a>
            <img src="./images/sm.png" alt="" id="rders">
        </div>
    </div>
</div>
<div class="header-1-1">


    <div class="header-2">
        <a href="" class="header-2-1">
            <img src="images/logo.png" alt="">
        </a>

        <div class="header-2-2">
            <input type="text" class="searchValue" placeholder="请输入要搜索的关键字">
            <div class="header-2-3">
                <a href="" class="header-2-3-1">
                    <i class="iconfont">&#xe60b;
                    </i>
                </a>
            </div>


        </div>
        <div class="header-3">
            <a href="" class="h-3-1">红玫瑰</a>
            <span class="h-1"></span>
            <a href="" class="h-3-2">蛋糕</a>
            <span class="h-2"></span>
            <a href="" class="h-3-3">百合</a>
            <span class="h-3"></span>
            <a href="" class="h-3-4">康乃馨</a>
            <span class="h-4"></span>
        </div>
        <div class="header-4">
            <a href="" class="h-4-1">
                <i class="iconfont">&#xe668;</i>
                <span>400-060-1520</span>
            </a>
        </div>
    </div>

</div>

<div class="navs">

    <div class="onav">
        <a href="" class="nav-1">全部商品分类
            <img src="images/sjx.png" alt="" class="nav-1-1">
        </a>
        <div class="obox">
            <div class="s-box-1">

                <div class="box-1-1">
                    <p class="box-1-1-1"><a href="#"></a>用途</p>

                    <a href="">爱情鲜花</a>
                    <a href="">生日鲜花</a>
                    <a href="">友情鲜花</a>
                    <a href="">探病鲜花</a>
                    <a href="">道歉鲜花</a>
                    <a href="">问候长辈</a>
                    <a href="">感谢老师</a>
                    <a href="">哀思鲜花</a>
                    <a href="">商务鲜花</a>
                </div>
                <div class="box-1-1">
                    <p class="box-1-1-1"><a href="#"></a>花材</p>

                    <a href="">玫瑰</a>
                    <a href="">百合</a>
                    <a href="">康乃馨</a>
                    <a href="">向日葵</a><br>
                    <a href="">满天星</a>
                    <a href="">郁金香</a>
                    <a href="">菊花</a>
                    <a href="">其他</a>
                </div>
                <div class="box-1-1">
                    <p class="box-1-1-1"><a href="#"></a>类别</p>

                    <a href="">花束</a>
                    <a href="">礼盒</a>
                    <a href="">蛋糕</a>
                    <a href="">花篮</a>
                    <a href="">绿植</a>
                    <a href="">周花</a>
                    <a href="">手提花篮</a>
                    <a href="">桌花</a>
                    <a href="">其他</a>
                </div>
                <div class="box-1-1">
                    <p class="box-1-1-1"><a href="#"></a>支数</p>

                    <a href="">11枝</a>
                    <a href="">19枝</a>
                    <a href="">21枝</a>
                    <a href="">33枝</a><br>
                    <a href="">52枝</a>
                    <a href="">66枝</a>
                    <a href="">99枝</a>
                    <a href="">其他</a>
                </div>

            </div>
        </div>
        <div class="nav-2">
            <a href="flower.html">鲜花</a>
            <a href="">花束</a>
            <a href="">礼盒</a>
            <a href="">蛋糕</a>
            <a href="">花篮</a>
            <a href="">绿植</a>
            <a href="">周花</a>
        </div>

    </div>

</div>


<div class="ff">
    <!-- <a href="index.html">首页</a> ><a href="">鲜花</a>>
    <span>永恒回忆</span> -->
</div>


<div class="banner">
    <div class="banner-1">
        <!-- <img src="./images/bigmg.jpg" alt="">
        <img src="./images/mgs-2.jpg" alt="">
        <img src="./images/mgs-3.jpg" alt="">
        <img src="./images/mgs-4.jpg" alt=""> -->
        <span></span>
    </div>
    <div class="banner-2">
        <div class="b_box">
            <!-- <img src="./images/bigmg.jpg" alt=""> -->
        </div>
        <!-- <p class="banner-2-p">永恒回忆</p> -->

        <!-- <div class="banner-2-1">
            <span>材料：</span>
            <span>红玫瑰33枝，石竹梅外围点缀</span>
        </div>

        <div class="banner-2-1">
            <span>包装：</span>
            <span>白色棉纸内包，黑色包装纸外围圆形包装，红色丝带蝴蝶结 </span>
        </div> -->
        <!-- <div class="banner-2-1">
            <span>附送：</span>
            <span>下单填写留言，免费赠送贺卡</span>
        </div>
        <div class="banner-2-1">
            <span>配送：</span>
            <span>全国送货上门，市区免运费</span>
        </div>

        <div class="banner-3">优惠券：&nbsp; &nbsp;暂无优惠券</div>

        <div class="banner-4">
            <p>配送时间</p>
            <input type="text" class="banner-4-1"  id="calendars">
            <select name="banner-4-2" id="banner-4-2">
                <option value="不限时间">不限时间</option>
                <option value="8:00-10:00">8:00-10:00</option>
                <option value="10:00-12:00">10:00-12:00</option>
                <option value="12:00-14:00">12:00-14:00</option>
                <option value="14:00-16:00">14:00-16:00</option>
                <option value="16:00-18:00">16:00-18:00</option>
                <option value="18:00-20:00">18:00-20:00</option>
                <option value="20:00-22:00">20:00-22:00</option>
                <option value="上午">上午</option>
                <option value="下午">下午</option>
                <option value="晚上">晚上</option>
            </select>

            <select name="banner-4-3" id="banner-4-3">
                <option value="市区免费配送">市区免费配送</option>
                <option value="近郊+30配送费">近郊+30配送费</option>
                <option value="远郊+30配送费">远郊+30配送费</option>
            </select>
        </div>

        <div class="banner-5"> -->
        <!-- <p class="banner-5-1">
            <span>店铺价</span>
            <span class="banner-5-1-1">￥298</span>
        </p>
        <p class="banner-5-2">
            <span>市场价</span>
            <span>
                <del>￥359</del>
                </span>
            <span class="banner-5-2-1">
                <span>销量</span>
                <span class="red">11022</span>
                <span>笔</span>
            </span>
        </p> -->
        <!-- </div> -->
    </div>

    <div class="banner-6">
        <!-- <img src="./images/mgs-1.jpg" alt="" class="banner-6-1">
        <img src="./images/mgs-2.jpg" alt="">
        <img src="./images/mgs-3.jpg" alt="">
        <img src="./images/mgs-4.jpg" alt=""> -->
    </div>

    <div class="banner-7">
        <span>数量:</span>
        <ul class="banner-7-1">
            <li class="banner-7-1-1">-</li>
            <input type="text" value="1" class="banner-7-1-2">
            <li class="banner-7-1-3">+</li>
        </ul>
        <p class="sp-2">加入购物车</p>
        <p class="sp-3">立即购买</p>
    </div>
</div>
<div class="title">
    <div class="title-l">
        <div class="title-left">
            <img src="./images/rxlogo.png" alt="">
        </div>

        <div class="picture-2">
            <a href="">
                <img src="images/s4.jpg" alt="">
            </a>
            <p class="p-1">永恒回忆</p>
            <span class="p-2">￥298
                    <span class="p-3">销量11022笔</span>
                </span>
        </div>

        <div class="picture-2">
            <a href="">
                <img src="images/s1.jpg" alt="">
            </a>
            <p class="p-1">浪漫满屋</p>
            <span class="p-2">￥229
                    <span class="p-3">销量11229笔</span>
                </span>
        </div>


        <div class="picture-2">
            <a href="">
                <img src="images/b3-1.jpg" alt="">
            </a>
            <p class="p-1">幸福守候</p>
            <span class="p-2">￥239
                    <span class="p-3">销量15632笔</span>
                </span>
        </div>


        <div class="picture-2">
            <a href="">
                <img src="images/b3-2.jpg" alt="">
            </a>
            <p class="p-1">绵绵情意</p>
            <span class="p-2">￥239
                    <span class="p-3">销量11897笔</span>
                </span>
        </div>


        <div class="picture-2">
            <a href="">
                <img src="images/b3-3jpg.jpg" alt="">
            </a>
            <p class="p-1">挚爱一生</p>
            <span class="p-2">￥189
                    <span class="p-3">销量9856笔</span>
                </span>
        </div>


        <div class="picture-2">
            <a href="">
                <img src="images/b3-4.jpg" alt="">
            </a>
            <p class="p-1">亲密无间</p>
            <span class="p-2">￥239
                    <span class="p-3">销量12248笔</span>
                </span>
        </div>


        <div class="picture-2">
            <a href="">
                <img src="images/b3-5.jpg" alt="">
            </a>
            <p class="p-1">全心全意</p>
            <span class="p-2">￥189
                    <span class="p-3">销量12354笔</span>
                </span>
        </div>


        <div class="picture-2">
            <a href="">
                <img src="images/b3-6.jpg" alt="">
            </a>
            <p class="p-1">一生所爱</p>
            <span class="p-2">￥339
                    <span class="p-3">销量11366笔</span>
                </span>
        </div>
    </div>


    <div class="title-r">
        <div class="title-right">
            <a href="" class="title-right-1">产品详情</a>
            <a href="" class="title-right-2">用户评价(1342)</a>
            <a href="" class="title-right-2">售后保障</a>
        </div>
        <img src="./images/x1.jpg" alt="">
        <img src="./images/x2.jpg" alt="">
        <img src="./images/x3.jpg" alt="">
    </div>
</div>

<div class="box">
    <img src="./images/xs.png" alt="">
</div>
<div class="boxx">

    <div class="picture-2">
        <a href="">
            <img src="images/b3-3jpg.jpg" alt="">
        </a>
        <p class="p-1">挚爱一生</p>
        <span class="p-2">￥189
                <span class="p-3">销量9856笔</span>
            </span>
    </div>


    <div class="picture-2">
        <a href="">
            <img src="images/b3-4.jpg" alt="">
        </a>
        <p class="p-1">亲密无间</p>
        <span class="p-2">￥239
                <span class="p-3">销量12248笔</span>
            </span>
    </div>


    <div class="picture-2">
        <a href="">
            <img src="images/b3-5.jpg" alt="">
        </a>
        <p class="p-1">全心全意</p>
        <span class="p-2">￥189
                <span class="p-3">销量12354笔</span>
            </span>
    </div>


    <div class="picture-2">
        <a href="">
            <img src="images/b3-6.jpg" alt="">
        </a>
        <p class="p-1">一生所爱</p>
        <span class="p-2">￥339
                <span class="p-3">销量11366笔</span>
            </span>
    </div>
</div>


<div class="bottom">
    <div class="bottom-1">
        <div class="bottom-1-1">
            <a href=".">
                <img src="images/logo.png" alt="">
            </a>
        </div>


        <div class="bottom-2">
            <div class="bottom-2-1">
                <p>热门导航</p>
                <a href="./index.html" class="footer-nav-item">网站首页</a>
                <a href="./flower.html" class="footer-nav-item">网站首页</a>
                <a href="./order.html" target="_blank" class="footer-nav-item">订单查询</a>
                <a href="./flower.html" target="_blank" class="footer-nav-item">全部商品</a>


            </div>
            <div class="bottom-2-2">
                <div class="bottom-2-2-1">
                    <p>客服服务</p>
                    <a href="">关于我们</a>
                    <a href="">服务声明</a>
                    <a href="">订花流程</a>
                    <a href="">支付方式</a>
                </div>
                <div class="bottom-2-2-2">
                    <a href="">配送说明</a>
                    <a href="">售后服务</a>
                    <a href="">隐私条款</a>
                    <a href="">联系我们</a>
                </div>

            </div>
            <div class="bottom-2-3">
                <p>联系我们</p>
                <a href="">意见反馈</a>
                <a href="">工作时间：07:00-23:00</a>
                <a href="">7*24小时在线订购</a>
                <a href="">全国热线：400-060-1520</a>
            </div>


        </div>
        <div class="bottom-2-4">
            <img src="images/erweima.jpg" alt="" class="bottom-2-4-1">
            <p>扫码关注微信</p>
        </div>


    </div>


    <div class="footer-bottom">
        <p class="text-color-9">Copyright©2020 &nbsp;成都勿忘我科技有限公司 &nbsp;
            </br>
            <a href="">蜀ICP备20016463号-2</a>&nbsp;
        </p>
    </div>

</div>


</body>
</html>
<script src="js/jquery.2.2.4.js"></script>
<script src="laydate/laydate.js"></script>
<script src="js/paging.js"></script>
